import React from 'react'
import ReactDOM from 'react-dom'
import Spd from './containers/Spd'
import {
  HashRouter as Router,
  Route
} from 'react-router-dom'

import RegionalDesign from './components/RegionalDesign'

import { Provider } from 'mobx-react'
import elementGroupStore from './stores/ElementGroup'
import headerStore from './stores/Header'
import modalRepoFormStore from './stores/ModalRepoForm'

import {enableLogging} from 'mobx-logger'
enableLogging()

import DevTools from 'mobx-react-devtools';

const stores = { elementGroupStore, headerStore, modalRepoFormStore }

ReactDOM.render(
  <Provider { ...stores }>
    <Router handler={Spd} history={Router}>
      <Spd>
        <Route path="/web/regional_design/:id" component={RegionalDesign} />
        <DevTools />
      </Spd>
    </Router>
  </Provider>,
  document.getElementById('root')
);
